<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset="UTF-8">
<title>Navigation</title>
</head>
<body>
	<wicket:panel>
		<style type="text/css">
body {
	color: #2A2AC5;
	text-color: #ccd1e7;
	/* 	background-repeat: no-repeat; */
	font-family: "Arial";
}

input {
	text-align: left;
	-moz-box-shadow: 5px 5px 5px #57518F;
	-webkit-box-shadow: 5px 5px 5px #57518F;
	box-shadow: 5px 5px 5px #57518F;
	padding-top: 5px;
}
a {
text-decoration: none;
color: white;
}
</style>
		<div>
			<form wicket:id="searchForm">
				<table id="searchBar">
					<tr>
						<td style="text-align: right;"><a href="" wicket:id="addNewEvent"><img src="" wicket:id="addNewEventImage" /></a></td>
						<td><img src="/images/Page/ButtonSearch.png" alt="okrajTree" style="float: left;" /></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold; color: #ccd1e7; float: right;">By category:</span></td>
						<td><select><option>Choose category</option>
								<option>2</option>
						</select></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold; color: #ccd1e7; float: right;">By name:</span></td>
						<td><input type="text" /></td>
					</tr>
					<tr>
						<td><div>
								<span style="font-weight: bold; color: #ccd1e7;">From:</span><span wicket:id="startTime"></span>
							</div></td>
						<td><div>
								<span style="font-weight: bold; color: #ccd1e7;">To:</span><span wicket:id="endTime"></span>
							</div></td>
					</tr>
				</table>
				<div id="eventList" style="padding-top: 20px; border: solid 2px;">
					<div wicket:id="listview">
						<a href="" wicket:id="eventLinks"><span wicket:id="linkName"></span></a>
					</div>
				</div>
			</form>
		</div>

	</wicket:panel>
</body>
</html>